<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>比价搜索页面</title>
    <!-- 引入页面图标 -->
    <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon">
    <!-- 引入bootstrap样式文件 -->
    <link rel="stylesheet" href="../fonts/font-awesome-4.7.0/css/font-awesome.css">

    <link rel="stylesheet" href="../lib/bootstrap/bootstrap.css">
    <!-- 引入初始化样式 -->
    <link rel="stylesheet" href="../css/base.css">
    <!-- 引入iconfont图标库 -->
    <!-- 引入比较搜索页面css样式 -->
    <link rel="stylesheet" href="../css/brand1.css">

</head>

<body>
    <!-- header 头部 -->
    <header>
        <h1>
            <a href="../index.html">
                <img src="../images/header_logo.png" alt="">
            </a>
        </h1>
        <a href="javascript:void(0);">
            <img src="../images/header_app.png" alt="">
        </a>
    </header>

    <!-- 搜索 -->
    <section class="mmb_search">
        <form action="#">
            <i class="fa fa-search" aria-hidden="true"></i>
            <input class="search_ipt" type="search" placeholder="请输入你想比价的商品">
            <input class="search_submit" type="button" value="搜索">
        </form>
    </section>

    <!-- 分类菜单 -->
    <section id="mmb_product">
        <!-- <div class="break_bar">
            <ol class="breadcrumb">
                <li>
                    <a href="../">首页</a>
                </li>
                <li>
                    <a href="javascript:history.go(-1)">分类大全</a>
                </li>
                <li>
                    <a href="#">电视</a>
                </li>
            </ol>
            <a href="javascript:;">筛选</a>
        </div> -->

        <div class="product-title">
            <ol class="breadcrumb">
                <li>
                    <a href="../">首页</a>
                </li>
                <li>
                    <a href="javascript:history.go(-1)">分类大全</a>
                </li>
                <li>
                    <a href="">品牌大全</a>
                </li>
            </ol>
            <!-- <a class="btn btn-default" href="">筛选</a> -->
        </div>

        <div class="product-list">
            <!-- 品牌内容 -->
            <div class="brand_content">
                <h4>热门品牌排行</h4>
                <ul>
                    <!-- 品牌排行模板 brand_listTmp -->

                </ul>
            </div>
        </div>
        <!-- 分页 -->
        <!-- <div class="product-page clearfix">
            <input type="button" value="上一页" class="btn btn-default pull-left pre">
            <input type="button" value="下一页" class="btn btn-default pull-right nex">
            <div class="dropdown">
                <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">
                    第1页
                    <span class="caret"></span>
                </button>
                <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                </ul>
            </div>
        </div> -->
    </section>

    <!-- 尾部部分 -->
    <footer id="footer">
        <div class="row">
            <div class="col-xs-4">
                <a href="">登录</a>
            </div>
            <div class="col-xs-4">
                <a href="">注册</a>
            </div>
            <div class="col-xs-4">
                <a href="">
                    <i class="fa fa-arrow-up" aria-hidden="true"></i>
                    返回顶部
                </a>
            </div>
        </div>
        <p>
            <a href="">手机app下载 </a>
            <a href="">慢慢买手机版 </a> -- 掌上比价平台</p>
        <p>m.manmanbuy.com </p>
    </footer>

</body>

</html>

<!-- 品牌排行art-template模板 -->
<script type="text/template" id="brand-listTmp">
    {{each result value key}}
      <li>
<a href="brand2.html?brandTitleId={{value.brandTitleId}}&brandTitle={{value.brandTitle}}">{{value.brandTitle}}<i class=" fa fa-chevron-down"></i></a>
      </li>
    {{/each}}
</script>

<!-- 引入jquery文件 -->
<script src="../lib/jquery/jquery-1.12.2.js"></script>
<!-- 引入bootstrap文件 -->
<script src="../lib/bootstrap/bootstrap.js"></script>
<!-- 引入zepto文件 -->
<!-- <script src="../lib/zepto/dist/zepto.js"></script> -->
<!-- 引入art-template -->
<script src="../lib/art-template/template-web.js"></script>

<!-- 引入比价分类js文件 -->
<!-- <script src="../js/productlist.js"></script> -->
<script src="../js/brandTitle.js"></script>